<template>
	<view style="width: 100vw;height: 300px;">
		<map :scale="scale" style="width: 100%; height: 100%;" enable-3D="false" show-compass="false"
			enable-overlooking="false" :enable-satellite="false" :enable-traffic="false" show-location="false"
			:latitude="latitude" :longitude="longitude" :markers="covers">
		</map>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				scale:5,
				latitude: 39.899,
				longitude: 116.39742,
				covers: [{
					id: 1, // Number
					title: '1', // String-标注点名
					rotate: 180, // Number - 顺时针旋转的角度，范围 0 ~ 360，默认为 0
					alpha: 0.5, // 默认1，无透明，范围 0 ~ 1
					latitude: 39.899,
					longitude: 116.39742,
					width: 30,
					height: 30,
					// callout: {
					// 	display: "BYCLICK",
					// 	padding: 10,
					// 	borderRadius: 5,
					// 	content: '',
					// },
					// anchor: {},
					iconPath: '../../static/logo.png', // 显示的图标
				}, {
					id: 2,
					title: '2', // String
					latitude: 39.90,
					longitude: 116.39,
					callout: {
						color: '#007AFF', // 文本颜色
						bgColor: '#563BFF', // 背景色
						display: "ALWAYS", // 'BYCLICK':点击显示; 'ALWAYS':常显
						fontSize: 15,
						textAlign: 'left', // 文本对齐方式。有效值: left, right, center
						padding: 10, // 文本边缘留白
						borderRadius: 5,
						content: '腾讯地图',
					},
					label: {
						content: 'Jeskson',
						color: '#000000',
						fontSize: 12,
						borderWidth: 12,
						borderColor: '#007AFF',
						borderRadius: 5,
						padding: 5,
						textAlign: 'center',
						bgColor: '#563BFF',
					},
					iconPath: '../../static/logo.png'
				}],
				controls: [{
					// 在地图上显示控件，控件不随着地图移动
					id: 1, // 控件id
					iconPath: '../../static/icon.png', // 显示的图标
					position: {
						// 控件在地图的位置
						left: 15,
						top: 15,
						width: 50,
						height: 50
					},
				}],
			}
		},
		methods: {

		}
	}
</script>

<style>

</style>
